﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="sales-target.aspx.cs" Inherits="sales_target" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Agents Sales Target</title>
    <meta http-equiv="refresh" content="600" />
    <link rel="stylesheet" type="text/css" href="css/lcd-style.css" />
    <%--<link rel="stylesheet" href="OLD/includes/provider1.css" title="Contemporary" type="text/css" />--%>
    
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>

    <script type="text/javascript" src="js/jquery.circliful.min.js"></script>

    <script type='text/javascript' src="js/jquery.canvasjs.min.js"></script>

</head>
<body>
    <form id="form1" runat="server">
    <asp:Label runat="server" Text="<%$Resources:General,LangOption%>" Visible="false"
        ID="lblLangOption" />
    <asp:Label runat="server" ID="lblLanguage" Visible="false" />
    <div style="display: none;">
        H:<asp:TextBox runat="server" ID="txtHour" Text="00" Width="30px" />
        M:<asp:TextBox runat="server" ID="txtMinute" Text="00" Width="30px" />
        S:<asp:TextBox runat="server" ID="txtSecond" Text="00" Width="30px" />
        S:<asp:TextBox runat="server" ID="txtAMPM" Text="am" Width="30px" />
    </div>
    <div class="header-wrapper shadow" style="display:none;">
        <div class="row">
            <div class="three columns">
                <img src="images/lcd-images/logo.jpg" alt="" /></div>
            <div class="three columns text-right">
                <h4 style="margin-bottom: 5px;">
                    <asp:Label ID="lblTime" runat="server"></asp:Label></h4>
                <span>
                    <asp:Label ID="lblDate" runat="server"></asp:Label></span>
            </div>
        </div>
    </div>
    <div runat="server" id="divSalesTarget" visible="true">
        <div class="total-wrapper">
        <div class="row top-20">
            <div class="four columns">
                <div class="tab-total-target" style="height:170px !important;">
                    <div class="row">
                        <div class="eight columns">
                            <div>
                                <h4 class="header">
                                    <asp:Label ID="lblTotalTargetTitle" runat="server"></asp:Label></h4>
                            </div>
                            <div>
                                <h2 class="tx-white">
                                    <asp:Label ID="lblTotalTarget" runat="server"></asp:Label></h2>
                            </div>
                        </div>
                        <div class="four columns">
                            <div class="circle-container" style="color: #666; display:none;">
                                <div class="circlestat" data-dimension="150" data-text="55%" data-width="10" data-fontsize="32"
                                    data-percent="55" data-fgcolor="#333" data-bgcolor="#ccc" data-fill="#fff" id="divTarget" runat="server">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="four columns">
                <div class="tab-total-collection">
                    <div class="row">
                        <div class="eight columns">
                            <div>
                                <h4 class="header">
                                    <asp:Label ID="lblTotalCollectionTitle" runat="server"></asp:Label></h4>
                            </div>
                            <div>
                                <h2 class="tx-white">
                                    <asp:Label ID="lblTotalCollection" runat="server"></asp:Label></h2>
                            </div>
                        </div>
                        <div class="four columns">
                            <div class="circle-container" style="color: #666;">
                                <div class="circlestat" data-dimension="150" data-text="55%" data-width="10" data-fontsize="32"
                                    data-percent="55" data-fgcolor="#333" data-bgcolor="#ccc" data-fill="#fff" id="divCollection" runat="server">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="four columns">
                <div class="tab-total-balance">
                    <div class="row">
                        <div class="eight columns">
                            <div>
                                <h4 class="header">
                                    <asp:Label ID="lblTargetBalanceTitle" runat="server"></asp:Label></h4>
                            </div>
                            <div>
                                <h2 class="tx-white">
                                    <asp:Label ID="lblTargetBalance" runat="server"></asp:Label></h2>
                            </div>
                        </div>
                        <div class="four columns">
                            <div class="circle-container" style="color: #666;">
                                <div class="circlestat" data-dimension="150" data-text="55%" data-width="10" data-fontsize="32"
                                    data-percent="55" data-fgcolor="#333" data-bgcolor="#ccc" data-fill="#fff" id="divBalance" runat="server">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <script type="text/javascript">
                $(function() {
                    $('.circlestat').circliful();
                });
            </script>

        </div>
    </div>
        <div class="row" style="margin-top: 25px;">
        <div class="six columns">
            <div class="chart-bg">
                <div><span class="tx-title-renewal"><%=GetGlobalResourceObject("General", "NEW")%> | </span><span class="tx-title-ranking"><%=GetGlobalResourceObject("General", "RANKING")%></span></div>
                <div id="chartContainerNew" style="height: 300px; width: 100%;"></div>
            </div>
        </div>
        <div class="six columns">
            <div class="chart-bg">
                <div><span class="tx-title-renewal"><%=GetGlobalResourceObject("General", "RENEWAL")%> | </span><span class="tx-title-ranking"><%=GetGlobalResourceObject("General", "RANKING")%></span></div>
                <div id="chartContainerRenewal" style="height: 300px; width: 100%;"></div>
            </div>
        </div>
    </div>
    </div>
    <div runat="server" id="divSecurityLogin" visible="false">
    <div class="login_outer">
        <div class="login_inner">           
            <strong>User Name</strong>
            <asp:RequiredFieldValidator ID="rfvSiteUser" runat="server" ControlToValidate="txtSiteUser"
                Display="Dynamic" ErrorMessage="" ValidationGroup="signin">*</asp:RequiredFieldValidator>
            <asp:TextBox ID="txtSiteUser" runat="server" MaxLength="8" Height="40px"></asp:TextBox>            
            <br />
            <strong>Password</strong>
            <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ControlToValidate="txtSiteUserAuthCode"
                ErrorMessage="" ValidationGroup="signin">*</asp:RequiredFieldValidator>
            <asp:TextBox ID="txtSiteUserAuthCode" runat="server" TextMode="Password" MaxLength="10" Height="40px"></asp:TextBox>            
            <asp:Button ID="btnSignIn" runat="server" OnClick="btnSignIn_Click" ValidationGroup="signin"
                class="login_butt" Height="40px" />
            <asp:Label ID="lblMessage" runat="server" Font-Bold="True" Width="400px" ForeColor="red"></asp:Label>
        </div>
    </div>
    </div>
    <asp:Literal ID="ltScripts" runat="server"></asp:Literal>
    <asp:Literal ID="ltScriptsTarget" runat="server"></asp:Literal>
    
    <%--<script type="text/javascript">

        var intTimer = setInterval("StartTimer()", 1000);

        function StartTimer() {
            var txtHour = document.getElementById('<%=txtHour.ClientID%>');
            var txtMin = document.getElementById('<%=txtMinute.ClientID%>');
            var txtSecond = document.getElementById('<%=txtSecond.ClientID%>');

            var intHur = parseInt(txtHour.value);
            var intMin = parseInt(txtMin.value);
            var intSecond = parseInt(txtSecond.value) + 1;

            var strHur = '';
            var strMin = '';
            var strSecond = '';

            if (intMin == 60) {
                intMin = 0;
                intHur = intHur + 1
            }

            if (intSecond == 60) {
                intSecond = 0;
                intMin = intMin + 1
            }

            //            if (intMin == 60 && intSecond == 1) {
            //                alert("Call duration is now over 60 minutes.");

            //            }

            txtHour.value = intHur.toString();
            txtMin.value = intMin.toString();
            txtSecond.value = intSecond.toString();

            if (intHur > 12) {
                intHur = 1;
            }
            if (intHur > 9) {
                strHur = intHur.toString();
            }
            else {
                strHur = "0" + intHur.toString();
            }

            if (intMin > 9) {
                strMin = intMin.toString();
            }
            else {
                strMin = "0" + intMin.toString();
            }

            if (intSecond > 9) {
                strSecond = intSecond.toString();
            }
            else {
                strSecond = "0" + intSecond.toString();
            }


            var lblTime = document.getElementById('<%=lblTime.ClientID%>');
            if (lblTime != null) {
                lblTime.innerHTML = strHur + ":" + strMin + ":" + strSecond;
            }
        }

    </script>--%>

    </form>
</body>
</html>
